﻿@using ComesEnCasa.Entidades;
@model List<Entidad>
@{
    ViewBag.Title = "Listado de Entidades";
}
<style>
	.tabla-entidades td, .tabla-entidades th {
		width: 200px;
	}

    .tabla-entidades tr:hover {
	    background-color: burlywood;
    }

    .activo {
	    background-color: coral;
    }

    .entidad-id {
	    display: none;
    }
</style>
<script src="/Scripts/App/Entidad.js"></script>


<h2>Listado de Entidades</h2>
<br />

@Html.ActionLink("Crear nueva entidad", "Crear", "Entidad")
@Html.ActionLink("Ejemplo de Ajax", "EjemploAjax", "Entidad")
<br />
<table>
    <tr>
        <td>
            <table class="tabla-entidades">
                <thead>
                    <th style="display: none;">Id</th>
                    <th style="width: 100px;">Apellido</th>
                    <th style="width: 100px;">Nombre</th>
                    <th style="width: 100px;">Cuil</th>
                    <th style="width: 100px;">Acciones</th>
                </thead>
                <tbody>
                    @foreach (var entidad in Model)
                    {
                        <tr>
                            <td class="entidad-id">@entidad.EntidadId</td>
                            <td style="width: 100px;">@entidad.Apellido</td>
                            <td style="width: 100px;">@entidad.Nombre</td>
                            <td style="width: 100px;">@entidad.Cuil</td>
                            <td style="width: 100px;"><a href="/Entidad/Editar/@entidad.EntidadId">Editar</a></td>
                        </tr>
                    }
                </tbody>
            </table>
        </td>
        <td>
            <div class="entidad-detalle">
                @{ Html.RenderAction("Detalle", new {entidadId = Model.First().EntidadId}); }
            </div>
        </td>
    </tr>
</table>
